<div class="col-sm-3">
    <div id="blogBar">

        <h3>检索</h3>

        <form id="blogSearch">
            <div class="input-group">
                <input type="text" id="query" placeholder="检索博文 ..." class="form-control"><span
                    class="input-group-btn">
                <button class="btn btn-default" id="blogSearchButton" type="submit"><span class="fa fa-search"></span>
                </button>
            </span>
            </div>
            <!-- /input-group -->
        </form>

        <h3>分类博文</h3>

        <ul class="category-detailed" id="classUl">

        </ul>
        <h3>日期排列</h3>

        <ul class="category-detailed" id="dateUl">
            <li><a href="archive-id=2016-08.html">August 2016</a></li>
            <li><a href="archive-id=2016-06.html">June 2016</a></li>
        </ul>
    </div>

</div>

</div>

</div>
</section>
<div class="col-lg-12 navbar-fixed-bottom">
    <div class="text-right">
        <button class="btn btn-default" id="scrollbutton2">返回顶部   <i class="fa fa-arrow-up"></i></button>
    </div>
</div>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <p>© Coaster 2017. Powered by <a href="http://www.coastercms.org">Coaster CMS</a>.</p>
            </div>
        </div>
    </div>
</footer><!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->